@@include('../00.global/include-header.html')
     
  <body class="page">
  
  
          
    @@include('../00.global/include-loader.html')
    
    

  
  
    <div class="wrapper">
    
        <!-- Header Area
        ============================================= -->      
        <header class="header-area transition">
            
             <div class="header-container transition">
                 <div class="container">
                 
                        @@include('../00.global/include-brand.html')
                        
                        @@include('../00.global/include-menu.html')
                        
                        
                        
                        
                  </div>
                  <!-- .container end -->
                  
                  <div class="clear"></div>
             </div>
        
        </header>
        <div class="header-inner"></div>
      
      
        <!-- Content 01
        ====================================================== -->
        <section class="space-none">
            <div class="container t-c">
                    <div class="row">
                        <div class="col-md-8 col-md-offset-2 t-c">
                            <h2>Maintain Aspect Ratio List</h2>
							<p>Create flexible elements that keep their aspect ratio (1:1, 4:3, 16:9, etc.) when resized. You can refer to the <strong>Seamless Grid</strong> to customize the number of columns.</p>
                        </div>
                    </div>
                    <!-- .row end -->
              
                    
            </div>
            <!-- .container end -->
 
        </section>
     
       
    
       <!-- Content 02
        ====================================================== -->
        <section class="space-none-bottom">
            <div class="container">
                  
                   <div class="list-maintain-aspect-ratio">
						<div class="seamless-grid-container">


							<div class="seamless-grid">
								<div class="seamless-col-1-3">
									<div class="content">
									
										<a class="item" href="#">
											<i class="fa fa-balance-scale" aria-hidden="true"></i>
											<i class="fa fa-balance-scale disable" aria-hidden="true"></i>
										</a>
									
									</div>
								
								</div>

								<div class="seamless-col-1-3">
									<div class="content">
									
										<a class="item" href="#">
											<i class="fa fa-podcast" aria-hidden="true"></i>
											<i class="fa fa-podcast disable" aria-hidden="true"></i>
										</a>
									
									</div>
								
								</div>
								
								<div class="seamless-col-1-3">
									<div class="content">
									
										<a class="item" href="#">
											<i class="fa fa-binoculars" aria-hidden="true"></i>
											<i class="fa fa-binoculars disable" aria-hidden="true"></i>
										</a>
									
									</div>
								
								</div>										

							</div>
							<!-- .seamless-grid  end -->



						</div>
						<!-- /.seamless-grid-container --> 
				   </div>
                   <!-- /.app-channel-brands -->       
				
                    
            </div>
            <!-- .container end -->
 
        </section>   
     
        
        
        @@include('../00.global/include-copyright.html')
        
        
    </div>
    <!-- .wrapper end -->
       
       
    @@include('../00.global/include-footer.html')

